import axios from 'axios'
import store from '@/store'
import { Toast } from 'vant'
import JSONBIG from 'json-bigint'

const request = axios.create({
  // transformResponse中的data 是后台响应回来的原始数据 可能是JSON字符串 也可能是普通字符串
  // 如果是JSON字符串 name就用JSONBIG.parse来转换成我们想要的数据
  // 如果是普通字符串 就直接返回
  transformResponse: [function (data) {
    try {
      return JSONBIG.parse(data)
    } catch (error) {
      return data
    }
  }],
  baseURL: 'http://toutiao-app.itheima.net'
  // baseURL: 'http://ttapi.research.itcast.cn/app'
})

// 请求拦截器
request.interceptors.request.use((config) => {
  // config 请求信息对象
  // 发送请求之前做什么 服务器响应数据时做什么
  // 如果有token 那么就带请求头, 如果没有token 就不带

  if (store.state.user) {
    config.headers.Authorization = 'Bearer ' + store.state.user.token
  }
  // 请求文章列表时 关闭
  const noloading = ['/v1_1/articles', '/v1_0/search', '/v1_0/comments']
  // if (noloading.indexOf(config.url) && config.url.indexOf('/v1_0/articles/') === -1) {
  const isDetail = /\/v1_0\/articles\/\d/.test(config.url)
  if (noloading.indexOf(config.url) === -1 && !isDetail) {
    Toast.loading({
      message: '加载中',
      forbidClick: true,
      duration: 0 // 持续展示
    })
  }
  return config
})

// 相应拦截器
request.interceptors.response.use(res => {
  Toast.clear()
  return res.data.data
})
export default request
